<script>
import {mapState} from "vuex";
export default {
  name: "about",
  computed: {
    //使用mapState()映射state中的数据 数组语法
    ...mapState(["count"])
    /*
    使用mapState()映射state中的数据 对象语法
    ...mapState({
      about:state => state.count
    })
    */
  },
  methods: {
    add() {
      this.$store.dispatch("changeCountAction", this.count)
    }
  }
}
</script>

<template>
  <div class="layui-panel about">
    <h1>about组件</h1>
    <h3>Store中的state的count的值：{{ count }}</h3>
    <button type="button" class="layui-btn" @click="add">从about组件中修改store中的count</button>
  </div>
</template>

<style scoped lang="less"></style>